<!-- 模块说明 -->
<template>
    <van-nav-bar title="卖书" left-text="" left-arrow @click-left="onClickLeft" />
    <div class="big1">

        <div>
            <img src="../../img/cover.jpg" alt="">
        </div>

        <div class="bigtop">
            <div class="name">雨季不再来</div>
            <div class="list">
                <span>ISBN:9787530211106</span>
                <span>作者：三毛</span>
                <span>出版社：北京十月文艺出版社</span>
                <span>原价:24.00</span>
                
            </div> 
        </div>
        </div>
        <span class="infor">出售信息</span>

        <van-cell-group inset>
            <!-- 输入任意文本 -->
            <van-field v-model="text" label="售价" />
            <!-- 输入手机号，调起手机号键盘 -->
            <van-field v-model="tel" type="tel" label="新旧" />
            <!-- 允许输入正整数，调起纯数字键盘 -->
            <!-- <van-field v-model="digit" type="digit" label="数字" /> -->
            <!-- 允许输入数字，调起带符号的纯数字键盘 -->
            <van-field v-model="number" type="number" label="数量" />
            <!-- 输入密码 -->
            <!-- <van-field v-model="password" type="password" label="密码" /> -->
        </van-cell-group>
   

</template>

<script setup>

import { ref } from 'vue';
const onClickLeft = () => history.back();
const tel = ref('');
const text = ref('');
const number = ref('');

</script>
<style lang="scss" scoped>
.infor{
    line-height:30px;
    padding-left: 26px;
    font-size: 16px;
}
div {
    font-size: 12px;
}
.big1{
    display: flex;
}
.name{
    font-size: 14px;
    line-height: 26px;
}
img{
    width: 65px;
    height: 85px;
    border-radius: 10px;
    padding: 8px 8px;
}
.bigtop{
    padding-top: 8px;
}
.list{
    display: flex;
    flex-direction: column;
    color: #666;
    font-size: 8px;
    line-height: 14px;
}
</style>
